<?xml version="1.0" encoding="UTF-8"?>
<!-- 
    Document   : RolesInsert
    Created on : 08/05/2009, 08:29:55 PM
    Author     : mbenitez
-->
<jsp:root version="2.1" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:webuijsf="http://www.sun.com/webui/webuijsf">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view>
        <webuijsf:page id="page1">
            <webuijsf:html id="html1">
                <div id="page">
                    <webuijsf:head id="head1" title="SAV">
                        <script type="text/javascript">
                            function validarLetras(e) { // A la función se le pasa el objeto event
                                tecla = (document.all) ? e.keyCode : e.which; // Si el navegador es IE se asigna a la variable tecla el valor de e.keyCode, en caso contrario se asigna el valor de e.which. En los dos casos se obtiene el valor ASCII de la tecla pulsada.
                                if (tecla==8) return true; // En esta línea se comprueba si es la tecla pulsada es la tecla de retroceso y en ese caso la función termina (retorna). De esta forma se permite borrar caracteres.
                                patron =/[A-Za-z\s]/; // Aquí se pone la expresión regular que permite validar si se admite o no la pulsación. Para este caso se admiten letras mayúsculas A-Z, letras minúsculas a-z y el espacio \s
                                te = String.fromCharCode(tecla); // Se pasa el valor ASCII de la variable tecla a su carácter correspondiente
                                return patron.test(te); // Si el carácter coincide con el patrón, la función devuelve true, si no coincide devuelve false.
                            }
                            // patron = /\d/; // Solo acepta números
                            // patron = /\w/; // Acepta números y letras
                            // patron = /\D/; // No acepta números
                            // patron =/[A-Za-zñÑ\s]/; // igual que el primero, pero acepta también las letras ñ y Ñ
                            // patron = /[ajt69]/; //para validar que solo se acepte a, j, t, 6 y 9:

                        </script>
                        <webuijsf:link id="link1" url="/resources/sav-style.css"/>
                        <div id="header">
                            <div id="logo">
                                <h1>
                                    <a>SAV</a>
                                </h1>
                                <h2>
                                    <a>Sistema de Administracion de Vehículos</a>
                                </h2>
                            </div>
                            <div id="menu">
                                <ul>
                                    <li class="first">
                                        <webuijsf:label
                                            style="padding: 0 10px 0 16px;                                                                 background: url(sav-images/img4.gif) no-repeat left center;                                                                 text-transform: uppercase;                                                                 text-decoration: none;                                                                 font: bold 8px Tahoma, Arial, Helvetica, sans-serif;                                                                 color: #004BD7;" text="Signed-In (#{SessionBean1.usuario.usuaNombre})"/>
                                    </li>
                                    <li>
                                        <a href="AcercaDe.jsp" title="">Acerca de</a>
                                    </li>
                                    <li>
                                        <a href="Contactos.jsp" title="">Contactos</a>
                                    </li>
                                    <li>
                                        <a href="Login.jsp" title="Deslogearse del sistema.">LogOut</a>
                                    </li>
                                </ul>
                            </div>
                            <div id="ad468x60">
                                <a href="#">
                                    <img alt="SAV Home" height="70" src="../resources/sav-images/panoramica.jpg" width="468"/>
                                </a>
                            </div>
                        </div>
                    </webuijsf:head>
                    <webuijsf:body id="body1" style="-rave-layout: grid">
                        <div id="content">
                            <div class="boxed">
                                <div class="heading">
                                    <webuijsf:label id="lblContent" style="color: white" text="#{RolesInsert.pantalla.pantDescripcion}"/>
                                </div>
                            </div>
                            <webuijsf:form id="form1" virtualFormsConfig="ok | gridPanelContent:gridPanel1:txtNombre gridPanelContent:gridPanel1:txtDescripcion | gridPanelContent:gridPanel1:gridPanel2:botonOk , volver | | gridPanelContent:gridPanel1:gridPanel2:botonVolver">
                                <webuijsf:messageGroup id="messageGroup" showGlobalOnly="true" title="SAV"/>
                                <webuijsf:label binding="#{RolesInsert.labelForbidden}" id="labelForbidden" text="No tiene permisos para esta pagina!"/>
                                <div class="panelContent">
                                    <h:panelGrid binding="#{RolesInsert.gridPanelContent}" id="gridPanelContent">
                                        <h:panelGrid columns="4" id="gridPanel1" style="height: 96px" width="411">
                                            <webuijsf:label id="label1" text="Nombre"/>
                                            <webuijsf:textField autoComplete="true" binding="#{RolesInsert.txtNombre}" id="txtNombre" maxLength="20"
                                                                onKeyPress="return validarLetras(event)" required="true" toolTip="Ingrese nombre del Rol"/>
                                            <webuijsf:image style="cursor: pointer;" toolTip="Solo puede ingresar caracteres alfabéticos" url="../resources/sav-images/little_help.gif"/>
                                            <webuijsf:message for="txtNombre" id="error_txtNombre" showDetail="false" showSummary="true" styleClass="formUserError"/>
                                            <webuijsf:label id="label2" text="Descripción"/>
                                            <webuijsf:textField binding="#{RolesInsert.txtDescripcion}" id="txtDescripcion" maxLength="50"
                                                                onKeyPress="return validarLetras(event)" required="true" toolTip="Ingrese la funcionalidad del Rol"/>
                                            <webuijsf:image style="cursor: pointer;" toolTip="Solo puede ingresar caracteres alfabéticos" url="../resources/sav-images/little_help.gif"/>
                                            <webuijsf:message for="txtDescripcion" id="error_txtDescripcion" showDetail="false" showSummary="true" styleClass="formUserError"/>
                                            <h:panelGrid columns="2" id="gridPanel2" style="width: 100%; height: 100%;">
                                                <webuijsf:button actionExpression="#{RolesInsert.botonOk_action}" id="botonOk" text="Ok"/>
                                                <webuijsf:button actionExpression="#{RolesInsert.botonVolver_action}" id="botonVolver" text="Volver"/>
                                            </h:panelGrid>
                                        </h:panelGrid>
                                    
                                </h:panelGrid>
                                </div>
                            </webuijsf:form>
                        </div>
                        <div id="sidebar">
                            <div class="heading">
                                <webuijsf:label id="lblSidebar" style="color: white" text="#{RolesInsert.pantalla.pantAlias}"/>
                            </div>
                            <div class="content">
                                <webuijsf:accordion binding="#{SessionBean1.accordionMenu}" id="accordionMenu" style="width:100%; height:100%; " styleClass="accordionMenu"/>
                            </div>
                        </div>
                    </webuijsf:body>
                    <div style="clear: both;"></div>
                </div>
                <jsp:directive.include file="html/footer.html"/>
            </webuijsf:html>
        </webuijsf:page>
    </f:view>
</jsp:root>
